{% extends "base-studio.html" %}
{% block studio %} 
<div id="studioSlideshow" class="q-container studio-slideshow">
    <div class="container-fluid no-padding">
        <div class="carousel slide" id="carousel-232545">
            <ol class="carousel-indicators">
                {% for studioSliderPhoto in studioSliderPhotos %}
                <li class="{% if studioSliderPhoto.id==1 %}active{% endif %}" data-slide-to="{{ studioSliderPhoto.id-1 }}" data-target="#carousel-232545">
                </li>
                {% endfor %}
            </ol>
            <div class="carousel-inner">
                {% for studioSliderPhoto in studioSliderPhotos %}
                <div class="item {% if studioSliderPhoto.id==1 %}active{% endif %} ">
                    <img alt="" src="{{ studioSliderPhoto.url }}" />
                </div>
                {% endfor %}
            </div>
            <a rel="nofollow" class="left carousel-control" href="#carousel-232545" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a rel="nofollow" class="right carousel-control" href="#carousel-232545" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
    </div>
</div>

<div id="studioContent" class="q-container studio-content">
    <div class="container-fluid no-padding">
        {% for studioContentPhoto in studioContent %}
        <img class="img-responsive center-block" alt="" src="{{ studioContentPhoto.url }}" />
        {% endfor %}        
    </div>
</div>
{% endblock %}
